// 1.0 导入vue核心包
import Vue from "vue";

// 2.0 导入App.vue的vue对象
import App from "./App.vue";

// 3.0 将vue-router集成到这个项目中来
import vueRouter from "vue-router";
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

// 3.0.2 导入路由规则对应的组件对象
import home from "./components/Home.vue";
import shopcar from "./components/shopcar/car.vue";
import newslist from "./components/news/newslist.vue";
import newsinfo from "./components/news/newsinfo.vue";
import photolist from "./components/photo/photolist.vue";
import photoinfo from "./components/photo/photoinfo.vue";
import goodslist from "./components/goods/goodslist.vue";
import goodsinfo from "./components/goods/goodsinfo.vue";
import goodsdesc from "./components/goods/goodsdesc.vue";
import goodscomment from "./components/goods/goodscomment.vue";
import myhome from "./components/myHome/myhome.vue";


// 3.0.2 定义路由规则
var router1 = new vueRouter({
  linkActiveClass: "mui-active",
  routes: [
    { path: "/", redirect: "/home" }, //当服务器启动时默认进入主页
    { path: "/home", component: home }, //主页路由规则
    { path: "/shopcar", component: shopcar }, //购物路由
    { path: "/news/newslist", component: newslist }, //新闻列表路由
    { path: "/news/newsinfo/:id", component: newsinfo }, //新闻详情路由
    { path: "/photo/photolist", component: photolist }, //图片分享列表路由
    { path: "/photo/photoinfo/:id", component: photoinfo }, //图片详情路由
    { path: "/goods/goodslist", component: goodslist }, //商城列表路由
    { path: "/goods/goodsinfo/:id", component: goodsinfo }, //商品详情路由
    { path: "/goods/goodsdesc/:id", component: goodsdesc }, //商品图文详情路由
    { path: "/goods/goodscomment/:id", component: goodscomment }, //商品评论路由
    { path: "/myHome/myhome", component: myhome }, //个人中心路由
   
  ]
});

// 4.0 注册mint-ui
// 导入mint-ui的css文件
import "mint-ui/lib/style.min.css";
// 导入mint-ui组件对象
import mintui from "mint-ui";
// 在Vue中全局使用mintui
Vue.use(mintui);

// 5.0 注册mui的css样式
import "../statics/mui/css/mui.css";
// 6.0 导入一个当前系统的全局基本样式
import "../statics/css/site.css";
// 7.0 将vue-resource在vue中绑定，自动在vue对象实例上注入一个$http对象就可以使用ajax方法了
import vueResource from "vue-resource";
Vue.use(vueResource);
// 8.0 定义一个全局过滤器实现日期的格式化
import moment from "moment";
Vue.filter("datefmt", function(input, fmtstring) {
  //	使用momentjs这个日期格式化类库实现日的格式化功能
  return moment(input).format(fmtstring);
});
//9.0 引入一个Vue集成PhotoSwipe图片预览插件
import VuePreview from "vue-preview";
Vue.use(VuePreview);
// 5.0 利用Vue对象进行解析渲染
new Vue({
  el: "#app",
  // 使用路由对象实例
  router: router1,
  // render:function(create){create(App)} //es5的写法
  render: c => c(App) // es6的函数写法 =>：goes to
});
